/*
 * @Author: chenzhinjian
 * @Date: 2019-01-09 22:40:48
 * @LastEditTime: 2019-03-04 09:07:40
 * @Description: 
 */
 $table-prefix: $css-prefix;
table {
  background: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}

.#{$table-prefix}table {
  width: 100%;
  max-width: 100%;
  margin-bottom: px-or-rem(15);

  > thead,
  > tbody,
  > tfoot {
    > tr {
      // border-bottom: px-or-rem(1) solid $table-border-color;

      > th,
      > td {
        padding: px-or-rem(8);
        line-height: 1.428;
        vertical-align: middle;
        text-align: left;
      }

      &:last-child {
        border: none;
      }
    }
  }

  > thead {
    background-color: $table-head-bg-color;
    border-bottom: px-or-rem(1) solid $table-border-color;
  }

  &.bordered {
    border: px-or-rem(1) solid $table-border-color;

    > thead,
    > tbody,
    > tfoot {
      > tr {
        > th,
        > td {
          border: px-or-rem(1) solid $table-border-color;
        }
      }
    }
  }

  &.striped {
    > tbody > tr:nth-of-type(2n+2) {
      background-color: $table-striped-bg-color;
    }
  }

  &.hover {
    > tbody > tr:hover {
      background-color: $table-hover-bg-color;
    }
  }
}

.#{$table-prefix}-overflow {
  min-height: .01%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.#{$table-prefix}-condensed {
  > thead,
  > tbody,
  > tfoot {
    > tr {
      > th,
      > td {
        padding: px-or-rem(5);
      }
    }
  }
}
